<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mand-Mobile</title>
    <style>
      *{margin:0;padding:0;-webkit-touch-callout:none;list-style:none;}
      html{touch-action: manipulation;background:#fff;min-width:320px;overflow-x:hidden;}
      body{overflow-x:hidden;}
      html,body{height:100%;}
    </style>
    <script>
      (function(window, document) {
        function resize () {
          var ww = window.innerWidth
          if (ww > window.screen.width) {
            window.requestAnimationFrame(resize)
          } else {
            if (ww > 750) {
              ww = 750
            }
            document.documentElement.style.fontSize = `${100 / 7.5}vw`
          }
        }
  
        resize()
  
        window.addEventListener('resize', resize)
      })(window, document);
    </script>  
  </head>
  <body>
    <div id="app"></div>
    <script>
      document.addEventListener("touchstart", function() {}, false)
    </script>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
